@charset "utf-8";
/* Dickson Furniture Co.,Ltd. ▅ CSS Document */


.topic  {background-color:rgba(50,50,50,0.6);}
.topic_c:before {background-image:url(/pub/icon/location_w.png);}
.menu   {top:40px;}
.menu_a {color:#FFF;}
.menu_logo {background-image:url(/pub/icon/logo_y.png);}
.menu_v {color:#409bf4;}



body   {background-color:#f6f6f6;}
.page_banner  {width:100%; height:720px; min-width:1200px; background-color:#111; position:relative; z-index:0; user-select:none; -moz-user-select:none;}
.index_help    {}
.index_bg      {background-color:#fff;}

.banner_top    {background:rgba(12,12,12,0.5); position:absolute; z-index:10; left:0px; top:0px; width:100%; height:100%;}
.banner_bg     {background-image:url(/pub/img/index/index_banner_x.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; width:100%; height:100%;}

.index_slcs    {position:relative; width:1200px; height:600px; overflow:hidden; background-color:#666;}
.index_slcc    {width:2000px;}
.index_slcs_c  {width:170px; height:600px; overflow:hidden; position:relative; display:inline-block; float:left; transition:all ease 1s; -webkit-transition:all ease 1s;}
.index_slcs_s  {width:5px; height:600px; overflow:hidden; position:relative; display:inline-block; float:left; background-color:#333;}
.index_slcs_a  {width:850px;}
.index_slcs_m  {position:absolute; top:0px; left:0px; width:100%; height:600px; background:url(/pub/img/index/index_slcs_o.png) repeat-x left top; transition:all ease 1s; -webkit-transition:all ease 1s;}
.index_slcs_mc {background-image:url(/pub/img/index/index_slcs_c.png);}
.index_slcs_mp {background-image:url(/pub/img/index/index_slcs_p.png);}
.index_slcs_i  {width:850px; height:600px; display:block;}
.index_slcs_l  {position:absolute; z-index:10; left:250px; top:450px; width:350px; opacity:0; transition:all ease 1s; transition-delay:0.7s; -webkit-transition:all ease 1s; -webkit-transition-delay:0.7s;}
.index_slcs_lt {color:#FFF; font-size:22px; /*font-family:'幼圆';*/ padding-bottom:12px; text-shadow:0px 0px 3px #000000;}
.index_slcs_p  {position:absolute; z-index:10; left:25px; top:22px; width:50px; height:50px; background:url(/pub/img/icon/360.png) no-repeat; background-size:contain; opacity:0; -webkit-transition:all ease 1s; -webkit-transition-delay:0.7s; transition:all ease 1s; transition-delay:0.7s;}
.index_slcs_a .index_slcs_m {top:100%;}
.index_slcs_a .index_slcs_l {opacity:1; top:430px;}
.index_slcs_a .index_slcs_p {opacity:1;}



.index_fetrs   {}
.index_fetr    {width:33%; float:left; display:inline-block;}
.index_fetr_l  {font-size:50px; font-weight:600; display:inline-block;}

.index_mat     {width:16.66%; float:left; display:inline-block; filter:grayscale(100%); opacity:0.6; -webkit-transition:all ease-in-out 0.3s; transition:all ease-in-out 0.3s;}
.index_mat:hover{filter:grayscale(0%); opacity:1; -webkit-transform:translate(0px,5px); transform:translate(0px,5px);}

.index_prcs    {background-color:#f6f6f6; padding:0px 0px 90px 0px;}
.index_prcc    {overflow:visible;}
.index_prc     {display:inline-block; float:left; width:228px; height:228px; overflow:hidden; position:relative;/* -webkit-transition:all ease-in-out 0.5s; transition:all ease-in-out 0.5s;*/}
.index_prch    {overflow:visible; height:auto;/* box-shadow:2px 5px 5px #ddd;*/ filter:drop-shadow(2px 5px 5px #ddd);}
.index_prcd    {display:inline-block; float:left; width:15px; height:228px;}
.index_prci    {width:100%; height:220px; padding-top:23px; background-color:#FFF; text-align:center; font-weight:bold;font-size: 17px;}
.index_prcm    {width:1175px; padding-left:25px; padding-top:30px; padding-bottom:35px; min-height:235px; background-color:#FFF; position:absolute; top:243px; left:0px; overflow:hidden;}
.index_prcm h3 {margin:0px;}
.index_prcmc   {margin-top:12px;}
.index_prcmi   {width:280px; height:190px; display:inline-block; float:left; margin-right:10px; background-color:#f6f6f6;}
.index_prcs_s  {width:1020px; height:460px; float:left; overflow:hidden; user-select:none; -moz-user-select:none;}
.index_prcs_o  {width:2200px; height:460px;}
.index_prcs_c  {width:1020px; height:460px; overflow:hidden;}
#index_c2m     {height:580px; margin-top:50px;}

.index_team    {width:auto; height:450px; background-color:#333;}
.index_team_mask {background-color:rgba(0,0,0,0.6); width:100%; height:100%;}

.index_goldidea{text-align:center; background:url(/pub/img/index/index_goldidea.jpg) no-repeat center bottom; background-size:contain;}

.index_lifeshow{padding-top:0px; padding-bottom:0px; background-color:#f6f6f6;}
.index_lifesqur{width:288px; height:280px; margin-top:18px; background-color:#FFF; display:inline-block; float:left;}
.index_lifesqur:hover {box-shadow:0px 3px 5px #ddd;}
.index_lifesqi {width:288px; height:190px; display:block;}
.index_lifepi  {width:36px; height:36px; border-radius:100px; overflow:hidden; float:right; display:inline-block; margin-right:15px;}
.index_lifest  {margin-left:15px; display:block; font-weight:bold; margin-top:10px; margin-bottom:3px;}
.index_lifesi  {margin-left:15px; display:inline-block;}
.index_lifespc {width:16px; height:280px; margin-top:18px; display:inline-block; float:left;}

.index_gdtves  {width:1200px; height:430px; margin-top:40px; margin-bottom:40px; overflow:hidden;}
.index_gdtvesa {width:90px; height:90px; margin-top:170px; display:inline-block; float:left; background-position:center center; background-size:contain; background-repeat:no-repeat; cursor:pointer; opacity:0.5;}
.index_gdtvesa:hover {opacity:1;}
.index_gdtvesb {width:300px; padding:40px; height:350px; display:inline-block; float:left; background-color:#f6f6f6; text-align:center;}
.index_gdtvesc {width:640px; height:430px; display:inline-block; float:left; background-color:#999; cursor:pointer;}
.index_gdtvesp {display:inline-block; width:210px; height:210px; border-radius:200px; margin-bottom:10px; background:no-repeat center center #f7f7f7; background-size:cover;}
.index_gdtves_s{width:1020px; float:left; height:430px; overflow:hidden; display:inline-block;}
.index_gdtves_o{width:2400px; height:430px;}
.index_gdtves_c{width:1020px; height:430px; overflow:hidden; display:inline-block;}




.index_dshow   {background-color:#f6f6f6; padding-top:70px; padding-bottom:220px;}
.index_dshowi  {display:inline-block; position:relative; width:388px; height:260px; background:no-repeat center center #FFF; background-size:100%; overflow:hidden; text-align:left;}
.index_dshowi:hover {box-shadow:0px 3px 5px #ddd; background-size:105%;}
.index_dshows  {display:inline-block; width:18px; height:260px;}
.index_dshowt  {width:94%; padding:10px 2px 10px 6%; position:absolute; bottom:0px; background-color:rgba(0,0,0,0.7);}
.index_dshowt .h {color:#FFF; display:inline-block; font-weight:bold; font-size:15px; margin:0px; width:95%;}
.index_dshowt .d {color:#CCC; display:inline-block; margin:0px;}



.index_style_pano  {width:1200px; height:680px; overflow:hidden; position:relative;}

.index_style_selc  {width:1200px; height:235px; overflow:visible;}
.index_style_sel   {width:290px; height:230px; margin:5px 5px 0px; display:inline-block; float:left; line-height:15px; font-size:30px; text-align:center; overflow:hidden; cursor:pointer; position:relative;}
.index_style_sel .t{position:absolute; text-align:center; top:110px; left:0px; width:100%; color:#FFF; font-size:36px; text-shadow:0px 0px 5px rgba(0,0,0,.45);}
.index_style_sel .s{visibility:hidden; vertical-align:top;}
.index_style_sel .i{width:100%;}
.index_style_sela   {filter:drop-shadow(1px 3px 3px #bbb);}
.index_style_sela .s{visibility:visible;}


.index_dsap        {width:100%; min-width:1200px; overflow:hidden; max-width:1600px; height:485px; margin:0px auto; clear:both; position:relative;}
.index_dsap_0      {position:absolute; width:560px; height:320px; left:50%; transform:translate3d(-280px,0px,0px); -webkit-transform:translate3d(-280px,0px,0px); _margin-left:-280px; top:80px; background-color:#999;}
.index_dsap_2      {position:absolute; width:560px; height:320px; left:0px; z-index:1; top:80px; background-color:#999; box-shadow:0px 0px 10px rgba(0,0,0,0.07); -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.07);}
.index_dsap_1      {width:840px; height:480px; left:50%; transform:translate3d(-420px,0px,0px); -webkit-transform:translate3d(-420px,0px,0px); _margin-left:-280px; position:absolute; z-index:2; top:0px; background-color:#FFF; box-shadow:0px 0px 20px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.13);}
.index_dsap_3      {right:0px; left:auto;}
.index_dsap_h      {position:absolute; z-index:3; width:5%; height:20%; left:0px; top:40%; background:url(arrow_w_l.png) no-repeat center center; background-size:contain; background-color:rgba(20,20,20,0.1); cursor:pointer;}
.index_dsap_h:hover{background-color:rgba(20,20,20,0.5);}
.index_dsap_hr     {left:auto; right:0pt; background-image:url(arrow_w_r.png);}
.index_dsap_2 .index_dsap_h {opacity:0; left:-5%;}
.index_dsap_2 .index_dsap_hr {opacity:0; right:-5%;}
.index_dsap_2 .imga{opacity:0.5;}


.index_dspr        {display:-webkit-flex; display:-moz-box; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-top; -webkit-flex-direction:row; -webkit-flex-wrap:wrap; -webkit-align-items:flex-top; -webkit-justify-content:space-between;}
.index_dspr_c      {display:inline-block; text-align:center;float:left;width:192px;}
.index_dspr_l      {display:inline-block; width:1px; height:146px; margin: 0 68px 105px 68px; background-color:#e0e0e0;float:left;}

.index_dspr_t      {display:inline-block; font-size:1.4em; font-weight:bold;}
.index_dspr_i      {display:inline-block; width:108px; height:108px; border-radius:100px; border:solid 1px #CCC; margin-top:35px; overflow:hidden;}
.index_dspr_d      {display:inline-block; color:#887767; margin-top:35px;}

.col_i {
    color: #69584a;
    font-size: 15px;
}